import Vue from "vue";
import Router from "vue-router";
import BasicLayout from "@/layout/BasicLayout.vue";
Vue.use(Router);

export default new Router({
  mode: "history",
  base: process.env.BASE_URL,
  routes: [
    {
      path: "/",
      name: "home",
      redirect: "/dashboard",
      component: BasicLayout,
      children: [
        {
          path: "/dashboard",
          name: "Dashboard",
          component: () => import("@pages/Dashboard/Dashboard")
        }
      ]
    },
    {
      path: "/btns",
      name: "ButtonGroup",
      redirect: "/btn-page",
      component: BasicLayout,
      children: [
        {
          path: "/btn-page",
          name: "BtnPage",
          component: () => import("@pages/Btnpage")
        },
        {
          path: "/table-page",
          name: "Tablepage",
          component: () => import("@pages/Tablepage")
        }
      ]
    }
  ]
});
